/* 移动端适配 */
@media (max-width: 768px) {
    .main .fv_movie .movie-box {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }

    .main header {
        width: 100%;
        height: 14%;
    }

    .main header .nav_box {
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: 1;
        margin: 0;
        overflow: hidden;
        flex-direction: column;
        background-color: rgba(20, 134, 220, 0.17);
        backdrop-filter: blur(25px);

    }


    .main header .nav_box .nav {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        top: 15%;
        right: 10%;
    }

    .main header .nav_box .news {
        position: absolute;
        top: 3%;
        right: 21%;
        font-size: 150%;
    }

    .main header .nav_box .nav > li {
        text-align: right;
        padding: 4rem 0;
        font-size: 250%;
    }

    .main header .nav_box * {
        transition: all 0.3s 0.3s ease;
    }

    .main header .menu_button {
        display: flex;
        flex-direction: column;
        top: 0;
        right: 0;
        width: 20%;
        height: 20%;
        background-size: cover;
        background: no-repeat url("../img/menu_btn.png");
        position: fixed;
    }

    .main header .menu_button span {
        position: absolute;
        right: 10px;
        background-color: #fff;
        display: block;
        width: 50px;
        height: 2px;
        transition: all 0.3s ease;
    }

    .main .container header .menu_button span.span_slide_down {
        top: 10% !important;
        transform: rotate(25deg);
    }

    .main .container header .menu_button span.span_hidden {
        opacity: 0;
    }

    .main .container header .menu_button span.span_slide_up {
        top: 10%;
        transform: rotate(-25deg);
    }


    .main header .menu_button span:nth-child(1) {
        top: 7%;
    }

    .main header .menu_button span:nth-child(2) {
        top: 11%;
    }

    .main header .menu_button span:nth-child(3) {
        top: 14%;
    }

    .main header .menu_button span:nth-child(4) {
        top: 17%;
    }

    .main .fv .fv_text {
        width: 50%;
        height: 40%;
        top: 13rem;
        left: 2rem;
    }

    .main .fv .fv_scroll {

        bottom: 1%;
        left: 50%;
    }

    /* 移动端特供标�? */
    .main #text {
        display: none;
    }

    .main #text_2 {
        display: block;
    }


    .main .fv_img {
        width: 20%;
        top: 4rem;
        left: 2rem;
    }

    .main .mobile_logo {
        width: 100%;
        display: block !important;
    }

    .main .PC_logo {
        display: none;
    }
}
